// components/range-slider/range-slider.ts
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    /**
     * 最小值(边界)
     */
    // min: {
    //   type: Number,
    // },
    /**
     * 最大值(边界)
     */
    // max: {
    //   type: Number,
    // },
    /**
     * 绑定数据小值
     */
    minValue: {
      type: Number,
    },
    /**
     * 绑定数据大值
     */
    maxValue: {
      type: Number,
    },
    /**
     * 滑块颜色
     */
    blockColor: {
      type: String,
      default: '#58da73',
    },
    /**
     * 未选择背景颜色
     */
    backgroundColor: {
      type: String,
      default: '#eeeeee',
    },
    /**
     * 选择背景颜色
     */
    selectedColor: {
      type: String,
      default: '#58da73',
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    min: 0, // 最小限制
    max: 100, // 最大限制
    value: 0, // 当前value
    step: 1,
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 拖动过程中触发的事件
    sliderchanging(e) {
      var value = e.detail.value
      this.setData({ value: value })
    },
    // 完成一次拖动后触发的事件
    sliderchange(e) {
      var value = e.detail.value
      this.setData({ value: value })
    },
    onMinSliderChange() {},
    onMinSliderChanging() {},
    onMaxSliderChange() {},
    onMaxSliderChanging() {},
  },
})
